//products style
.page-products{
	min-height: 500px;
	background-color: #fff;
	.border-top{
		border-top: 2px solid #A92123;
	}
	.products-wrap{
		margin-top: 20px;
	}
	.category-filter-wrap{
		width: 100%;
		.accordion{
			width: 100%;
			font-size: 12px;
			margin-bottom: 20px;
			.filter-item{
				margin-bottom: 5px;
				padding-left: 10px;
				border-bottom: 1px solid #efefef;
				.filterGroup-name{
					display: inline-block;
					min-width: 100px;
					float: left;
					height: 30px;
					line-height: 30px;
				}
				.options{
					float: left;
					width: 1050px;
					padding-left: 20px;
					.option-item{
						height: 25px;
						line-height: 25px;
						float: left;
						font-size: 12px;
						color: #000;
						margin-right: 10px;
						.option-item-link{
							padding: 0 10px;
							color: #005aa0;
							&.select{
								color: #A92123;
							}
						}
					}
				}
			}
		}
	}
	.text-red{
		color: #A92123;
	}
	.sorts-wrap{
		border: 1px solid #DDDDDD;
		height: 42px;
		background-color: #FAFAFA;
		.sort{
			width: 100px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
			color: #333333;
			float: left;
			border-right: 1px solid #DDDDDD;
			&:hover{
				cursor: pointer;
			}
			&:last-child{
				border-right: none;
			}
			&.curr{
				color: #A92123;
			}
		}
		.icon{
			width: 6px;
			height: 9px;
			display: inline-block;
			vertical-align: middle;
			margin-left: 2px;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.icon-arrow{
			background-image: url("../images/arrow.png");
			&.asc{
				background-image: url("../images/asc.png");
			}
			&.desc{
				background-image: url("../images/desc.png");
			}
		}
		.page-wrap{
			height: 40px;
			line-height: 40px;
			float: right;
			width: 100px;
			text-align: center;
		}
	}
	.products-list{
		margin-top: 20px;
		.product-item{
			padding: 20px 0;
			background-color: #fff;
			width: 19%;
			margin: 10px .5%;
			float: left;
			transition: transform .5s;
			&:hover{
				box-shadow: 1px 1px 5px #BDBDBD;
    		transform: translate3d(0, -2px, 0);
    		.product-info-wrap{
      		.add-to-cart{
      			visibility: visible;
      		}
    		}
			}
			.product-image-wrap{
				padding: 0 10px;
				text-align: center;
				img{
					width: 100%;
				}
			}
			.product-info-wrap{
				padding: 0 20px;
				.name{
					font-size: 14px;
					height: 38px;
				}
				.price-wrap{
					margin-top: 10px;
				}
				.price{
					font-size: 16px;
					color: #A92123;
				}
				.price-old{
					font-size: 11px;
					color: #AAAAAA;
					text-decoration: line-through;
				}
				.minimum-wrap{
					margin-top: 10px;
					font-size: 12px;
					color: #aaaaaa;
				}
				.add-to-cart{
					margin-top: 10px;
					//visibility: hidden;
					transition:.2s visibility ease;
					.quantity-input-wrap{
						height: 28px;
						float: left;
						width: 80px;
						position: relative;
						&:hover{
							cursor: pointer;
						}
						.update-quantity{
							height: 12px;
							line-height: 8px;
							width: 15px;
							text-align: center;
							border:1px solid #CECECE;
							color: #747474;
							position: absolute;
							display: inline-block;
							border-radius: 2px;
							font-size: 8px;
						}
						.add{
							top: 0;
							right: 0;
						}
						.reduce{
							right: 0;
							bottom: 0;
							transform:rotateZ(180deg);
						}
						input{
							width: 58px;
							height: 28px;
							background-color: #fff;
							color: #333333;
							float: left;
							border:none;
							border: 1px solid #CECECE;
							text-align: center;
						}
					}
					.btn-add{
						//margin-left: 10px;
						height: 28px;
						background-color: #FF5B47;
						border:1px solid #FF3F3A;
						font-size: 12px;
						color: #FFF6F5;
						text-align: center;
						display: block;
						//float: left;
						line-height: 26px;
						padding: 0 10px;
						width: 100px;
						margin: 0 auto;
					}
				}
			}
		}
		.loading{
			padding: 0 20px 20px;
			text-align: center;
		}
	}
	.no-products{
		text-align: center;
		padding: 50px 0;
	}
}

//product style
.page-product{
	min-height: 500px;
	background-color: #fff;
	.border-top{
		border-top: 2px solid #A92123;
	}
	.product-basic-info{
		padding: 20px 0 20px;
		.image-wrap{
			float: left;
			width: 400px;
			margin-top: 20px;
			.thumb-img{
				margin-bottom: 20px;
			}
			.swiper-section{
				width: 100%;
				padding: 0 30px;
				position: relative;
				.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
					left: 2px;
				}
				.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
					right: 2px;
				}
			}
			.swiper-container{
				width: 100%;
			}
			.swiper-slide{
				border:2px solid #fff;
				&.select{
					border-color: #A92123;
				}
			}
		}
		.additions{
	    margin-top: 20px;
	    .wishlist{
	    	margin-right: 25px;
	      .icon{
	        width: 25px;
	        height: 25px;
	        margin-right: 5px;
	      }
	      .icon-like-on{
	        background: url("../images/like-fill.png") 100% 100% no-repeat;
	      }
	      .icon-like-off{
	        background: url("../images/like-empty.png") 100% 100% no-repeat;
	      }
	      span{
	        font-size: 12px;
	        color: #2A2A2A;
	        display: inline-block;
	        vertical-align: top;
	        height: 25px;
	        line-height: 25px;
	        text-decoration: underline;
	      }
	    }
	    .share{
	      margin-left: 20px;
	      span{
	        font-size: 12px;
	        color: #2A2A2A;
	        height: 25px;
	        line-height: 25px;
	        margin-right: 5px; 
	        float: left;       
	      }
	      .icon{
	        width: 25px;
	        height: 25px;
	        margin: 0;
	        margin-left: 5px;
	        padding: 0;
	        &.tsina{
	          background: url("../images/tsina.png") 100% 100% no-repeat;
	        }
	        &.weixin{
	          background: url("../images/weixin.png") 100% 100% no-repeat;
	        }
	        &.sqq{
	          background: url("../images/sqq.png") 100% 100% no-repeat;
	        }
	        &.qzone{
	          background: url("../images/qzone.png") 100% 100% no-repeat;
	        }
	      }
	    }
	  }
		.basic-info{
			float: left;
			width: 580px;
			margin-top: 30px;
			margin-right: 20px;
			padding-left: 20px;
			.name{
				font-size: 17px;
				color: #333333;
			}
			.zonghe{
				margin-top: 20px;
				background-color: #FEE5DF;
				padding: 10px;
				border-top: 1px solid #FFCBC3;
				border-bottom: 1px solid #FFCBC3;
				.price-wrap{
					padding-bottom: 5px;
					margin-bottom: 10px;
					border-bottom: 1px dashed #979797;
					.price{
						font-size: 28px;
						color: #E90000;
					}
					.price-old{
						font-size: 14px;
						color: #AAAAAA;
						text-decoration: line-through;
					}
				}
				.minimun{
					font-size: 12px;
					color: #737171;
					margin-top: 10px;
				}
				strong{
					font-weight: normal;
					font-style: normal;
					font-size: 12px;
					color: #676767;
					width: 40px;
					margin-right: 20px;
				}
			}
			.options-wrap{
				padding: 20px 0 10px 10px;
				.option-item{
					margin-bottom: 10px;
					.option-title{
						min-width: 80px;
						height: 30px;
						line-height: 30px;
						font-size: 12px;
						color: #676767;
						display: inline-block;
					}
					.option-value-list{
						display: inline-block;
						width: 350px;
						.option-value-item{
							&:hover{
								cursor: pointer;
							}
							height: 26px;
							line-height: 24px;
							border:1px solid #DDDDDD;
							//width: 80px;
							min-width: 60px;
							padding: 0 5px;
							margin-top: 2px;
							margin-right: 5px;
							display: inline-block;
							text-align: center;
							&.select{
								border-color: #E80015;
								background-color: #A92123;
								color: #fff;
							}
						}
					}
				}
			}
			.shipping-wrap{
				border-top: 1px dashed #dedede;
				padding: 20px 10px;
				.shipping-title{
					width: 60px;
					float: left;
					color: #676767;
					font-size: 12px;
				}
				.shipping-content{
					color: #333333;
					font-size: 12px;
					strong{
						color: #0000ff;
						font-weight: normal;
						font-style: normal;
						font-size: 12px;
					}
				}
				.notice{
					padding-left: 60px;
					margin-top: 10px;
					font-size: 12px;
					strong{
						font-weight: bold;
						font-style: normal;
					}
					.price{
						font-size: 14px;
						color: #A92123;
					}
				}
			}
			.quantity-wrap{
				text-align: left;
				padding: 20px 10px;
				border-top: 1px dashed #dedede;
				.quantity-title{
					color: #676767;
					font-size: 12px;
					width: 60px;
					float: left;
					height: 28px;
					line-height: 28px;
				}
				.quantity-input-wrap{
					height: 28px;
					float: left;
					width: 150px;
					&:hover{
						cursor: pointer;
					}
					.update-quantity{
						display: block;
						float: left;
						height: 28px;
						line-height: 26px;
						width: 38px;
						text-align: center;
						border:1px solid #CECECE;
						color: #747474;
					}
					.reduce{
						border-top-left-radius: 2px;
						border-bottom-left-radius: 2px;
					}
					.add{
						border-top-right-radius: 2px;
						border-bottom-right-radius: 2px;
					}
					input{
						width: 72px;
						height: 28px;
						background-color: #fff;
						color: #333333;
						float: left;
						border:none;
						border-top: 1px solid #CECECE;
						border-bottom: 1px solid #CECECE;
						text-align: center;
					}
				}
			}
			.btns-wrap{
				margin-top: 30px;
				padding-left: 60px;
				.btn{
					display: inline-block;
					height: 45px;
					line-height: 43px;
					border: 1px solid #FF3F3A;
					text-align: center;
					font-size: 17px;
					width: 135px;
					color: #fff;
					&:hover{
						opacity: 0.85;
					}
				}
				.btn-buy{
					background-color: #FF5B47;
					margin-right: 30px;
				}
				.btn-add{
					background-color: #FFF4F2;
					color: #FF5B47;
				}
			}
			.paymethod-wrap{
				padding: 20px 10px;
				.paymethod-title{
					width: 80px;
					float: left;
					color: #676767;
					font-size: 12px;
				}
				.paymethod-content{
					color: #333333;
					font-size: 12px;
				}
			}
		}
	}
	.product-details-info{
		margin-top: 10px;
	}
	.product-details-info-left{
		float: left;
		width: 200px;
		.vendor-wrap{
			border: 1px solid #E2E2E2;
			padding: 10px 10px;
			text-align: center;
			margin-bottom: 20px;
			img{
				width: 90px;
				height: 45px;
			}
			.vendor-name{
				font-size: 14px;
				color: #393939;
				margin-bottom: 10px;
				text-align: left;
			}
			a{
				font-size: 12px;
				margin-top: 10px;
				display: block;
				color: #fff;
				background-color: #FF5E5B;
				margin: 10px auto 0;
				width: 80%;
				padding: 5px 0;
				text-align: center;
			}
		}
	}
	.product-details{
    float: left;
    width: 990px;
    margin-left: 10px;
    .desc-tab-header{
    	width: 100%;
    	height: 45px;
    	text-align: center;
    	line-height: 45px;
    	background-color: #FAFAFA;
    	border: 1px solid #E1E1E1;
    	font-size: 14px;
    	.desc-tab-title{
    		display: inline-block;
    		font-size: 13px;
    		color: #9D9D9D;
    		height: 100%;
    		vertical-align: top;
    		text-align: center;
    		width: 24%;
    		border-left: 1px solid #E1E1E1;
    		&:first-child{
    			border:none;
    		}
    		&.selected{
    			color: #A92123;
    		}
    	}
    }
    .desc-tab-content{
    	background-color: #fff;
    	padding: 8px 10px;
    	margin-bottom: 20px;
    	.desc{
    		padding: 6px 14px;
    		text-align: center;
    		img{
    			width: auto;
    		}
    	}
    	.args{
    		padding: 9px 10px;
    		.recommon-price{
    			font-size: 16px;
    			color: #636363;
    			height: 29px;
    			line-height: 27px;
    			border:1px solid #464646;
    			.recommon-price-title{
    				display: inline-block;
    				border-right:1px solid #464646;
    				height: 100%;
    				width: 35%;
    				padding-left: 5px;
    			}
    			.recommon-price-content{
    				padding-left: 5px;
    				display: inline-block;
    			}
    		}
    		.args-table{
    			width: 100%;
    			text-align: left;
    			margin-top: 10px;
    			font-size: 15px;
    			td,th{
    				border:1px solid #AFADAD;
    				padding: 1px 5px;
    			}
    			.td-title{
    				width: 35%;
    			}
    		}
    	}
    	.reviews{
	    	.reviews-totals-list{
	    		height: 47px;
	    		padding-top: 8px;
	    		padding-right: 10px;
	    		text-align: center;
	    		width: 100%;
	    		background-color: #fff;
	    		border-bottom: 1px solid #E1E1E1;
	    		.reviews-totals-item{
	    			display: inline-block;
	    			height: 100%;
	    			vertical-align: top;
	    			text-align: center;
	    			width: 20%;
	    			font-size: 12px;
	    			color: #9F9F9F;
	    			&.totals{
	    				color: #A92123;
	    			}
	    		}
	    	}
	    	.reviews-list{
	    		.reviews-item{
	    			padding: 10px 0 12px 20px;
	    			border-bottom: 1px solid #efefef;
	    			background-color: #fff;
	    			.review-header{
	    				padding: 0px 10px 0 0;
	    				float: left;
	    				width: 8%;
	    				.author-wrap{
	    					text-align: left;
	    					.author-img{
	    						width: 50px;
	    						height: 50px;
	    						border-radius: 50%;
	    						img{
	    							width: 100%;
	    							height: 100%;
	    							vertical-align: top;
	    							border-radius: 50%;
	    						}
	    						margin-bottom: 10px;
	    					}
	    					.author-name{
	    						font-size: 13px;
	    						color: #333333;
	    						height: 27px;
	    						line-height: 27px;
	    						width: 50px;
	    						text-align: center;
	    					}
	    				}
	    			}
	    			.review-item-content{
	    				float: left;
	    				width: 90%;
	    				text-align: left;
	    				padding-left: 5px;
	    				.review-date{
	    					font-size: 12px;
	    					color: #828284;
	    					height: 27px;
	    					line-height: 27px;
	    				}
				    	.review-rating{
				    		margin-top: 9px;
				    		.icon{
									display: inline-block;
									vertical-align: middle;
									margin: 0 -2px;
									width: 16px;
									height: 16px;
									background-size: cover;
									background-repeat: no-repeat;
								}
								.icon-star-fill{
									background-image: url("../images/star-fill.png");
								}
								.icon-star{
									background-image: url("../images/star.png");
								}
				    	}
				    	.review-content{
				    		font-size: 13px;
				    		color: #333333;
				    		margin-top: 9px;
				    	}
	    			}
	    		}
	    	}

    	}
    	.after-sale{
    		padding: 8px 11px;
    		font-size: 13px;
    		color: #525252;
    	}
    }
  }
  .product-related{
  	width: 200px;
  	max-height: 700px;
		border:1px solid #E2E2E2;
		float: left;
		.related-title{
			font-size: 14px;
			color: #666666;
			height: 25px;
			line-height: 24px;
			padding-left: 20px;
			border-bottom: 1px solid #E2E2E2;
			background-color: #F0F0F0;
		}
		.related-products-list{
			padding: 5px 15px;
		}
		.product-item{
			.product-link{
				display: block;
			}
			margin-bottom: 5px;
			background-color: #fff;
			.product-image{
				width: 100%;
			}
			.name{
				font-size: 12px;
				color: #545454;
				padding: 0 10px;
				margin: 5px 0;
			}
			.price-wrap{
				padding: 0 10px;
			}
			.price{
				font-size: 16px;
				color: #A92123;
			}
			.price-old{
				font-size: 11px;
				color: #AAAAAA;
				text-decoration: line-through;
			}
		}
  }
}

.bd_weixin_popup{
  box-sizing: content-box;
}